<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <img style="width:700px" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1597326378533&di=79467ee82bbd0fc90883b954d22137a9&imgtype=0&src=http%3A%2F%2F00.minipic.eastday.com%2F20170407%2F20170407003732_b667d194a4d001919e38b014cbe5ffb3_1.jpeg"
        alt="">
    <div class="div"></div>
    <script>
        var oDiv = document.getElementsByClassName('div')[0];
        var imgSrcArr = [
            'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1597326378533&di=79467ee82bbd0fc90883b954d22137a9&imgtype=0&src=http%3A%2F%2F00.minipic.eastday.com%2F20170407%2F20170407003732_b667d194a4d001919e38b014cbe5ffb3_1.jpeg',
        ]
        imgSrcArr.forEach(function(elem) {
            var oImg = new Image();
            oImg.src = elem
            oImg.style.width = '500px'
            oImg.onload = function() {
                oDiv.appendChild(oImg)
            }
        })
    </script>
</body>

</html>